<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>STW OnLine</title>
    <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="{{ MEDIA_URL }}img/icon.png" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}demo.css"/>
    <script type="text/javascript" src="{{ MEDIA_URL }}stw.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}script.js"></script>
<!-- fim scripts capa -->
<!-- Scrits Portifolio -->
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/demoScroll.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/styleScroll.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/jquery.jscrollpane.codrops2.css" />
	<!-- the mousewheel plugin -->
	<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.mousewheel.js"></script>
	<!-- the jScrollPane script -->
	<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.jscrollpane.min.js"></script>
	<script type="text/javascript" src="{{ MEDIA_URL }}js/scroll-startstop.events.jquery.js"></script>
    <!-- Fim Script -->
    <!-- Jquery Carroseu -->
    <link rel="stylesheet" href="{{ MEDIA_URL }}themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{{ MEDIA_URL }}themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{{ MEDIA_URL }}themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{{ MEDIA_URL }}nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{{ MEDIA_URL }}styleQuery.css" type="text/css" media="screen" />
    <!-- Fim -->
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}demo.css" />
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>-->
    <script type="text/javascript" src="{{ MEDIA_URL }}stw.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}script.js"></script>
    
    <!-- Script barra Notícia -- >
    <script language="javascript" src="{{ MEDIA_URL }}js/jQuery.js"></script>
    <script language="javascript" src="{{ MEDIA_URL }}js/script_noticias.js"></script>
    <script type="text/javascript">
        $(document).ready(
            function() {
                $("#noticiasQuery").newsTicker();
                parseSamples();
            }
        );
    </script>
    <!-- fim script barra notícia -->
</head>
<body>
    <div id="principal">
        <!-- Inicio Topo -->
        <div id="top">
            <div id="logo">
    	        <img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/>
            </div>
            <div id="imenu">
                <div id="items">
                <!-- Inicio menu -->
                    <div id="menuLinks">
                        <p class="menu">
                            <a href="{% url fiduciam.views.homepage %}">Home</a>   |
                            <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |
                            <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |
                            <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |
                            <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |
                            <a href="{% url fiduciam.views.contato %}">Contato</a>
                        </p>
                    </div>
                    <div id="effects"></div>
                </div>
            </div>
            <!-- Fim Menu -->
            <div id="fimTop">
    	        <img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
            </div>
        </div>
        <!-- Fim topo  -->  